<template>
    <div>
        <div class="box">

            <div class="header">
                <div class="header_top">
                    <div class="herder_left">111</div>
                    <div class="header_right">222</div>
                </div>

                <div class="header_bottom">
                    <img src="../assets/logo.png" alt="">
                    <div>
                        <span>tbNick_844lo</span>
                        <p>会员名：聆雨zjw</p>
                    </div>
                </div>

            </div>


            <div class="main">

                

            </div>


            <div class="foot"></div>

        </div>


    </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
    setup () {
        

        return {}
    }
})
</script>

<style lang="scss" scoped>

div {
    .box {
        background-color: aquamarine;
        height: 100vh;
        width: 100vw;

        .header {
            background-color: cadetblue;
            .header_top {
                
                height: 150px;
                width: 100%;
                display: flex;
                justify-content: space-around;
            }

            .header_bottom {
                display: flex;
                img {
                    width: 100px;
                    height: 100px;
                }
            }
        }




    }
}

</style>